import { RouteComponentProps } from 'react-router-dom';
import React from 'react';

/**
 * Hoc案例页面
 * @param props
 * @constructor
 */
const HocPage = (props: RouteComponentProps) => {
    return (
        <div>
            <h1>HOC Page</h1>
        </div>
    );
};

export default HocPage;
//
// interface PropsHocProps {
//     firstName: string;
// }
// interface PropsHocStatus {
//     age: number;
// }
//
// // ① 高阶组件：强化Props
// const propsHoc = (WrapComponent: ) => {
//     return class Index extends React.Component<PropsHocProps> {
//         render() {
//             return <WrapComponent {...this.props}/>;
//         }
//     };
// };
//
//
// interface TestComponentProps {
//     lastName: string;
// }
//
// const TestComponent = (props: TestComponentProps) => {
//     return <div>{`${props.lastName}`}</div>;
// };
//
// const TestHoc = propsHoc(TestComponent);
//
// const TestHocComponent = <TestHoc firstName={''} />;
//
// export default HocPage;
